<template>
	<view>
		<view class="notice_title">
			{{title}}
		</view>
		<view class="notice_content">
			{{content}}
		</view>
		<view class="notice_detail" v-html="detail">
			
		</view>
	</view>
</template>

<script>
	import request from '../../apiRequest/request.js'
	export default {
		data() {
			return {
				title: '',
				content: '',
				detail: ''
			}
		},
		methods: {
			
		},
		onLoad(options) {
			console.log(options.id)
			request.noticeDetail(options.id).then(res=>{
				this.title = res.data.title
				this.content = res.data.content
				this.detail = res.data.detail
			})
		}
	}
</script>

<style>
.notice_title{
	padding: 20rpx;
	font-size:38rpx;
	font-family:Source Han Sans SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:54rpx;
}
.notice_content{
	padding: 0 20rpx;
	margin: 30rpx 0;
	font-size:24rpx;
	font-family:Source Han Sans SC;
	font-weight:400;
	color:rgba(202,202,202,1);
	line-height:54rpx;
}
.notice_detail{
	width: 100%;
	padding: 20rpx;
	box-sizing: border-box;
	overflow: auto;
}
</style>
